<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html> 
<html>
<head>
	<jsp:include page="./header.jsp" />
	
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Intelligent Route System</title>
	
	<!-- GOOGLE MAP -->
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
	  html { height: 100% }
	  body { height: 100%; margin: 0px; padding: 0px }
	  #map_canvas { height: 100% }
	</style>
	<script type="text/javascript"
	    src="http://maps.google.com/maps/api/js?sensor=true">
	</script>
	
	<script type="text/javascript">
		function initialize() {
		    var latlng = new google.maps.LatLng(13.711428,100.594103);
		    var myOptions = {
		      zoom: 8,
		      center: latlng,
		      mapTypeId: google.maps.MapTypeId.ROADMAP
		    };
		    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		  }
		//window.onload = function(){ alert("tt");
		//	$('#current_date').append(print_today_eg);
		//}

	</script>
</head>
<body onload="initialize()">
	<div data-role="page" data-theme="a">

	<div data-role="header" data-backbtn="true">
		<!--  a data-rel="back">Back</a-->
		<h1>Manage Schedule</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<div id="current_date" style="text-align: right;"></div>	
		<div align="center" id="map_canvas"></div>
	</div><!-- /content -->

	<div data-role="footer">
		<h4></h4>
	</div><!-- /footer -->
	</div><!-- /page -->
</body>
</html>